@charset "utf-8";
/* CSS Document */
*{
    padding:0px; 
    margin:0px;
}
html{
    height:100%;
    overflow:hidden;
}
body{
    height:100%;
    overflow:hidden;
	font-size:12px;
	background: #FFF;
	position: relative;
	font-family: "Microsoft YaHei","Arial",simsun, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
img{
   border:0px;
}
a{
   outline:none;
}
a:focus{
    outline: none;
}
.navwrapper{
    background: #2f80d1;
}
#north{
    height: 40px;
    position: relative !important;
    color: #FFF;
    z-index: 11;
}
#west{
    position: absolute;
    top: 70px;
    bottom: 0;
    background: #F9F9F7;
    border-right: 1px solid #DDD;
}
#funcbar{
    height: 30px;
    background: #F9F9F7;
    border-bottom: 1px solid #DDD;
    position: relative;
    /*box-shadow: 0px 2px 3px 0px #EDEDED;*/
    /*-webkit-box-shadow: 0px 2px 3px 0px #EDEDED;*/
    /*-o-box-shadow: 0px 2px 3px 0px #EDEDED;*/
    /*-ms-box-shadow: 0px 2px 3px 0px #EDEDED;*/
    /*-moz-box-shadow: 0px 2px 3px 0px #EDEDED;*/
    z-index: 10;
}
#center{
    position: absolute;
    right: 0px;
    top: 71px;
    bottom: 0;
    overflow: hidden;
}
#east{
    position: absolute;
    width: 280px;
    padding: 10px 15px;
    background: #F9F9F7;
    top: 40px;
    right: -310px;
    bottom: 0;
    border-left: 1px solid #DADADA;
    -webkit-transform-origin: left;
    -webkit-transition: all 0.5s ease-in-out;
    box-shadow: -1px 0px 12px -1px #B6B6B6;
    -webkit-box-shadow: -1px 0px 12px -1px #B6B6B6;
    -o-box-shadow: -1px 0px 12px -1px #B6B6B6;
    -ms-box-shadow: -1px 0px 12px -1px #B6B6B6;
    -moz-box-shadow: -1px 0px 12px -1px #B6B6B6;
    z-index: 11;
}
#center .tabs-panel{
    width: 100%;
    height: 100%;
    display: none;
    transition: all 0.3s ease;
}
#center .selecting{
    -webkit-transform: translate3d(0, 0, 0);
}
#center .unselecting{
    position: absolute;
    left: 0;
    display: block;
    -webkit-transform: translate3d(100%, 0, 0);
}
#center .selected{
   display:block;
}
#center .tabs-panel iframe{
   width:100%;
   height:100%;
}
#overlay{
    z-index: 99;
}
.tosbg{
    display: none;
    width: 100%;
    height: 100%;
    background: #f9f9f7;
}
.tosbg div{
    width:202px;
    height: 230px;
    font-size: 40px;
    text-align: center;
    line-height: 40px;
    color: #999;
    position: absolute;
    top: 50%;
    margin-top: -115px;
    left: 50%;
    margin-left: -101px;
}
.tosbg a{
    font-size: 16px;
    cursor: pointer;
    display: block;
    text-align: center;
    width: 200px;
    border: 1px solid #0088cc;
    border-radius: 4px;
    margin: 20px auto;
    text-decoration: none;
}
.tosbg a:hover{
    background: #fff;
    color: #0B75A8;
    border: 1px solid #38A5DB;
}
#notice_tip{
	position: absolute;
	z-index: 10003;
	right: 10px;
	bottom: -3px;
	border: 1px #d0d0d0 solid;
	border-bottom: 0px;
	background: #fff;
	width: 300px;
	height: 220px;
	display: none;
	border-radius: 4px;
}
#notice_head {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background-color: #2f80d1;
    color: #fff;
    padding: 5px 10px;
}
#notice_body {
    line-height: 25px;
    min-height: 140px;
    padding: 5px 10px;
}
#notice_foot {
    text-align: center;
    overflow: hidden;
    padding: 5px 0px;
}
#notice_foot a{
	text-decoration: none;
}
.mobile-east{
	right:0 !important;
}
.mobile-body{
   overflow:visible !important;
}
.mobile-center{
   height:auto !important;
   overflow:visible !important;
}
.menu-scroll{
    height:20px;
    overflow:hidden;
    cursor:pointer;
    display: none;
}
.scroll-up{
    border-bottom: 1px solid #ddd;
    background: #f2f2f2;
    background: url('../images/arrow_up.png') center center no-repeat;
}
.scroll-up:hover{
    background: url('../images/arrow_up_dark.png') center center no-repeat;
}
.scroll-up img, .scroll-down img{
    margin: 0 90px;
}
.left-mini .scroll-up img, .left-mini .scroll-down img{
    margin: 0 17px;
}
.scroll-down{
    border-top: 1px solid #ddd;
    background: #f2f2f2;
    background: url('../images/arrow_down.png') center center no-repeat;
}
.scroll-down:hover{
    background: url('../images/arrow_down_dark.png') center center no-repeat;
}
.first-menu{
    width:100%;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #f9f9f7;
}
.first-menu .iconfont{
    font-size: 30px;
}
div.first-menu-item{
    display: block;
    padding: 12px 15px;
    color: #333;
    position: relative;
    padding-left: 51px;
    border: 1px solid #F9F9F7;
    cursor: pointer;
}

div.first-menu-item-hover{
    background: #FFF;
    border: 1px solid #dddddd;
    border-right: 1px solid #ffffff;
    position: relative;
    padding-left: 50px;
    left: 1px;
    z-index: 11;
}
.first-menu-item i{
    color: #63A3E2;
    position: absolute;
    top: 11px;
    left: 10px;
}
.first-menu-item-hover.first-menu-item i{
    left: 9px;
}
.first-menu-title{
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
    display:inline-block;
}
.second-panel {
    display: none;
    width: 400px;
    position: absolute;
    bottom: 20px;
    overflow-y: auto;
    background: #FFF;
    border: 1px solid #dddddd;
    color: #2f80d1;
    z-index: 10;
    padding: 0px 10px;
    margin-left: -1px;
    box-shadow: 2px 2px 6px 0px #DADADA;
    -webkit-box-shadow: 2px 2px 6px 0px #DADADA;
    -o-box-shadow: 2px 2px 6px 0px #DADADA;
    -moz-box-shadow: 2px 2px 6px 0px #DADADA;
    border-radius: 5px;
}
.second-panel:hover{
    border: 1px solid #dddddd;
}
.second-panel h4{
    margin: 20px 0px;
    margin-bottom: 10px;
    padding-left: 14px;
}
.second-panel a,
#menu_panel a{
    color: #686868;
    border-radius: 3px;
    margin: 3px 10px;
}
.second-panel a:hover
#menu_panel a:hover{
    color: #0055aa;
}
#set-shortcut{
    font-size: 14px;
    float: right;
    font-weight: normal;
    text-decoration: none;
}
#set-shortcut:hover{
    color: #0055aa;
}
.second-menu{
    margin: 0;
    padding: 0;
}
.second-menu li{
    float: left;
    list-style: none;
    width: 99px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
.second-menu li.expand{
    clear:both;
    width: 100%;
    margin-top: 10px;
}
.second-menu .expand>a,
.second-menu .expand>a:hover,
#menu_panel .expand>a,
#menu_panel .expand>a:hover{
    color: #2f80d1;
    background: #fff;
    font-weight: bold;
    cursor: default;
}
a.second-menu-item{
    padding: 3px 5px;
    display: inline-block;
    *+display: inline;
    *+zoom: 1;
    text-decoration: none;
}
a.second-menu-item:hover,
#menu_panel a.second-menu-item:hover{
    color: #fff;
    background-color: #b4c2cc;
    text-decoration: none;
}
.third-menu{
    margin: 0;
    padding: 0;
}
a.third-menu-item{
    color: #686868;
    padding: 3px 5px;
    display: inline-block;
    *+display: inline;
    *+zoom: 1;
    text-decoration: none;
}
a.third-menu-item:hover,
#menu_panel a.third-menu-item:hover{
    color: #fff;
    background-color: #b4c2cc;
    text-decoration: none;
}
.west-footer{
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    bottom: 0px;
    background: #F9F9F7;
    border-top: 1px solid #DDD;
}
.west-footer ul.ft-links{
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 15px;
}
.west-footer ul.ft-links li.ft-link{
    float: left;
    margin-left: 0;
    margin-right: 35px;
}
.ft-link a{
    color: #5b99ee;
    line-height: 40px;
    font-size: 24px;
}
.ft-link a:hover{
    text-decoration: none;
    color: #0666c5;
}
.west-handle:link{
    text-decoration: none;
    outline:none;
}
.west-handle:hover{
    text-decoration: none;
}
.left_arrow{
    display: inline;
}
.right_arrow{
    display: none;
}
#logo{
    width: 201px;
    height: 40px;
    box-sizing: border-box;
    overflow: hidden;
}
#infobar{
    width: 400px;
    margin: 4px 0px 0px 0px;
}
.infonav{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    text-align: right;
}
.navin{
    display: inline-block;
    position: relative;
    *+display: inline;
    *+zoom: 1;
}
a.nav-item{
    position: relative;
    margin-right: 10px;
    padding: 10px;
    text-decoration: none;
    color: #CAE8FF;
}
a.nav-item:hover{
    text-decoration: none;
    color: #fff;
}
.infonav.highlight a.nav-item{
    color: #99C4FF;
    padding: 4px 10px;

}
a.nav-item.on{
    background: #F9F9F7;
    color: #0666c5;
}
.info{
    margin: 0;
    padding: 0;
    list-style: none;
}
.info a{
    display: inline-block;
    *+display: inline;
    *+zoom: 1;
    padding: 3px 5px;
}
.info-wrap{
    display: none;
    position: absolute;
    top: 31px;
    left: -115px;
    width: 266px;
    z-index: 99;
    background: #f9f9f7;
    text-align: center;
    border: 1px solid #ccc;
    border-top: #fff; 
    margin: 0; 
    box-shadow: 0px 0px 8px 0px #B6B6B6;
    -webkit-box-shadow: 0px 0px 8px 0px #B6B6B6;
    -o-box-shadow: 0px 0px 8px 0px #B6B6B6;
    -ms-box-shadow: 0px 0px 8px 0px #B6B6B6;
    -moz-box-shadow: 0px 0px 8px 0px #B6B6B6;
}
/*����*/
#overlay_theme {
   display:none;
   z-index:1000;
   width:100%;
   height:100%;
   background:#fff;
   filter:alpha(opacity=1);
   -moz-opacity:0.01;
   opacity:0.01;
   position:absolute;
   top:0px;
   left:0px;
}
#theme_panel{
    width:400px;
    height:auto;
    position:absolute;
    right:20px;
    top: 40px;
    z-index: 99;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0px;
    z-index: 1001;
    display: none;
}
#theme_panel .center{
   padding:0px 15px;
}
#theme_panel .center .theme a.theme_thumb{
   width:100px;
   display:inline-block;
   float: left;
   margin:10px; 
   cursor:pointer;  
   text-decoration: none;
}
#theme_panel .center .theme a.theme_thumb img
{
   border:0px;
}
#theme_panel .center .theme a.theme_thumb span{
   width:100%;
   height:25px;
   line-height:23px;
   text-align:center;
   display:block;
   color:#777;
   margin-top:3px;
}
#theme_panel .center .theme a.theme_thumb span.focus{
    font-weight:bold;
    color: #000;
}
#theme_panel .center .theme a.current span{
   font-weight:bold;   
}
/*����*/
/*����*/
#info_avater:hover .info-wrap{
    display: block;
}
#info_avater:hover #avatar{
    background-color: #fff;
    color: #0666c5;
}
.person-info-line{
    line-height: 22px;
}
.person-info-header{
    padding: 8px;
    border-bottom: 1px solid #ccc;
}
.person-info-avator{
    width: 60px;
    height: 60px;
    overflow: hidden;
    float: left;
    margin: 5px;
    border-radius: 30px;
}
.person-info-content{
    text-align: left;
    margin-left: 75px;
}
.person-info-name{
    color: #333;
    font-size: 14px;
    font-weight: normal;
    margin: 4px 0px 4px 0px;
}
.person-info-online{
    font-size: 12px;
    font-weight: normal;
    position: relative;
    display: inline-block;
    *+display: inline;
    *+zoom: 1;
}
.person-info-online i{
    font-size: 14px;
    cursor: pointer;
}
.person-info-tip{
    display: none;
    border: 1px solid #ccc;
    background-color: #fff;
    position: absolute;
    left: -1px;
    top: 18px;
    width: 70px;
}
.person-info-tip a{
    display: block;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
}
.person-info-tip a:hover{
    background-color: #e3e3e3;
}
.info-tip-title{
    margin-left: 6px;
    color: #555;
}
.tip-1{
    color: #89C442;
}
.tip-2{
    color: #DA5340;
}
.tip-3{
    color: #6e6e6e;
}
.person-info-cog{
    float: right;
    margin-top: -6px;
}
.person-info-cog:hover{
    border: 1px solid #ccc;
    text-decoration: none;
}
.person-info-cog i{
    font-size: 25px;
    color: #555;
}
.person-info-detail{
    color: #666;
    margin: 0px;
    line-height: 20px;
}
.person-info-body a{
    display: inline-block;
    *+display: inline;
    *+zoom: 1;
    padding: 10px 45px;
    text-decoration: none;
}
#person_info{
    border-right: 1px solid #ddd;
}
#taskbar{
    padding-top: 10px;
}
.tabs-scroll{
    float: left;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: none;
}
.scroll-left{
    background: url('../images/tabs_arrow.png') no-repeat 0px center;
}
.scroll-right{
    background: url('../images/tabs_arrow.png') no-repeat -30px center;
}
.tabs-container{
    float: left;
    overflow: hidden;
    white-space: nowrap;
}
.tabs-container div{
    display: inline-block;
    position: relative;
    padding: 0 10px 0 5px;
}
.tabs-container div.selected{
    background: #F9F9F7;
    color: #2f80d1;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.tabs-container div a.tab{
    display: inline-block;
    padding: 0 10px;
    min-width: 64px !important;
    width: auto !important;
    text-decoration: none;
    color: #FFF;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    position: relative;
}
.tabs-container div.selected a.tab{
    color: #2f80d1;
    padding: 0px 10px 0px 2px;
}
.tabs-container div a.close{
    display:none;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 6px;
    right: 3px;
    background: url('../images/tabs_close.png') 0px center no-repeat;
}
.tabs-container div a:hover.close{
    background-position:-16px center;
}
.tabs-container div.selected a.close{
    display:inline-block;
    *+display: inline;
    *+zoom: 1;
}
#funcmenu_switcher{
    display: inline-block;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    border-radius: 10px;
}
#funcmenu_switcher:hover{
    cursor: pointer;
}
#funcmenu_switcher span{
    margin-left: 10px;
    font-weight: bold;
}
.funcmenu_switcher{
    background-image: url("../images/open.png");
    position: absolute;
    width: 31px;
    height: 16px;
    left: 76px;
    top: 8px;
}
.funcmenu_switcher.active{
    background-image: url("../images/close_1.png");
}
#funcbar_left{
    overflow: hidden;
    height: 30px;
    float: left;
    margin-left: 200px;
}
#funcbar_right{
    height: 30px;
    line-height: 30px;
    float: right;
    margin-right: 30px;
}
#funcbar_right i{
    cursor: pointer;
    font-size: 20px;
    color: #5A5A5A;
    margin-right: 10px;
}
#funcbar_right i:hover{
    color: #86BBEF;
}
.second-tabs-container a{
    display: inline-block;
    margin-left: 20px;
    margin-top: 5px;
    padding: 0px 10px;
}
.second-tab-item{
    cursor: pointer;
}
.second-tabs-container a:hover,
.second-tabs-container a.active{
    background: #2f80d1;
    color: #FFF;
    border-radius: 10px;
    text-decoration: none;
}
.west{
    width: 200px;
    left: 0px;
}
.TOS .center{
    left: 201px;
}
.funcbar{
    margin-left: 0px;
}
#east .east-handle{
    z-index: 10;
    text-decoration: none;
}
.east-handle{
    display: none;
    position: absolute;
    width: 20px;
    height: 50px;
    top: 150px;
    left: -21px;
    background: #f9f9f7;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #dddddd;
    border-right: 1px solid #F9F9F7;
    /*
    box-shadow: 0px 2px 3px 0px #ccc;
    -webkit-box-shadow: 0px 2px 3px 0px #ccc;
    -o-box-shadow: 0px 2px 3px 0px #ccc;
    -ms-box-shadow: 0px 2px 3px 0px #ccc;
    -moz-box-shadow: 0px 2px 3px 0px #ccc;
    */
}
#east .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus{
    background: #f9f9f7;
    outline: none;
    color: #2f80d1;
}
.mod{
    margin-bottom: 5px;
}
.mod-hd{
    font-weight: bold;
    border-bottom: 1px solid #dddddd;
    position: relative;
    padding: 5px 0px;
}
.mod-hd-title{
    color: #0055aa;
}
.mod-bd{
    padding:5px 0;
    position: relative;
}
.dateArea{
    padding: 20px;
    color: #2f80d1;
}
#weather{
    position: relative;
    padding: 10px;
}
#weather img{
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 0px;
}
.temp{
    margin: 0px auto;
    text-align: center;
    font-size: 18px;
    color: #ffaa00;
}
.tempimg{
    margin: 0px auto;
    text-align: center;
}
.temperature{
    font-size: 35px;
    line-height: 35px;
    margin: 10px 0px;
    color: #5b99ee;
}
#changecity{
    cursor: pointer;
    color: #2f80d1;
}
.weather-date{
    font-size: 20px;
    margin-bottom: 10px;
}
.weather-date span{
    padding-right: 10px;
}
.city{
    position: absolute;
    top: 5px;
    right: 0px;
}
#city{
    position: absolute;
    top: 20px;
    right: 5px;
    white-space: nowrap;
    color: #999;
}
#area_select{
    padding: 30px 0px;
}
#area_select select{
    width: 80px;
    margin-right: 5px;
}
#area_select .btns{
    text-align: right;
    padding-right: 13px;
}
.notip{
    display: none;
    width: 100%;
    text-align: center;
    color: #999;
}
.calendar-list{
    list-style: none;
    margin-left: 0px;
    overflow: hidden;
}
.calendar-list li,
.remind_list li{
    position: relative;
    list-style: none;
}
#cal_list a,
.remind_list li a{
    text-decoration: none;
    display: block;
    border-bottom: 1px dotted #ddd;
    padding: 5px 5px 5px 0px;
    margin-left: 15px;
    position: relative;
} 
.calendar-title-tip{
    color: #ff0000;
    font-weight: bold;
    padding-right: 5px;
}
span.cal_content {
    width: 200px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
a.common-font{
    color: #333;
    overflow: hidden;
}
a.common-font .pull-right{
    color: #999;
}
.remind_list{
    list-style: none;
    margin-left: 0px;
}
.left-mini .west{
    width: 50px;
}
.left-mini .first-menu-item{
    height: 45px;
    padding: 0;
    margin-left: 0px;
}
.left-mini .first-menu-title{
    display: none;
}
.left-mini .ft-link-icon{
    display: none;
}
.left-mini .center{
    left: 51px;
}
.open-menu .west{
    left: -200px;
}
.left-mini #mini-notification{
    left: 51px;
}
.open-menu .center{
    left: 0px;
}
.open-menu #mini-notification{
    left: 0px;
}
/*.left-mini  .funcbar{*/
    /*margin-left: 51px;*/
/*}*/
.right-mini #east{
    right: 0px;
    -webkit-transform-origin:left;
    -o-transform-origin:left;
    -ms-transform-origin:left;
    -moz-transform-origin:left;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
}
.right-mini .east-handle{
    display: block;
    right: 301px;
    top: 80px;
    -webkit-transform-origin:left;
    -o-transform-origin:left;
    -ms-transform-origin:left;
    -moz-transform-origin:left;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    box-shadow: -2px 2px 1px 0px #ddd;
    -webkit-box-shadow: -2px 2px 1px 0px #ddd;
    -o-box-shadow: -2px 2px 1px 0px #ddd;
    -ms-box-shadow: -2px 2px 1px 0px #ddd;
    -moz-box-shadow: -2px 2px 1px 0px #ddd;
}
.left-mini .left_arrow{
    display: none;
}
.left-mini .right_arrow{
    display: block;
}
#east .nav-pill{
    font-size: 14px;
    font-weight: bold;
    width: 92px;
    text-align: center;
}
.nav-pill a{
    color: #333;
}
.msg-tool,
.org_tool{
    display: block;
    margin-bottom: 10px;
}
.msg-tool .btn,
.org_tool .btn{
    width: 50%;
    cursor: pointer;
}
.weixun-panel{
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 9999px;
    right: 0px;
}
.weixun-panel.active{
    left: 0px;
}
#east-tab{
    position: absolute;
    top: 60px;
    bottom: 10px;
    left: 15px;
    right: 15px;
    overflow: hidden;
}
#east-tab .tab-pane{
    height: 100%;
    position: relative;
}
.pane-today{
    overflow-y: auto;
    overflow-x: hidden;
}
.panelwrapper{
    position: absolute;
    top: 40px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.msg-panel{
    display: none;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 30px;
    bottom: 0px;
}
.msg-panel.active{
    display: block;
}
.user_online{
    color: #4D9DD3;
    margin-left: 10px;
}
.btn-primary .user_online{
    color: #fff;
}
#org_panel{
    position: absolute;
    top: 30px;
    bottom: 0px;
	overflow: hidden;
	height:100%;
}
#orgTree0,
#orgTree1{
    height: 100%;
	overflow: hidden;
}
.online-panel{
    display: none;
    height: 100%;
}
#user_online{
    display: block;
}
.icon-dropdown-checkbox-checked{
    background: url('../images/dropdown_menu_checked.png') no-repeat 0 0 !important;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
/*���*/
.rec_tips{
    display: none;
    padding: 30px 0px;
    text-align: center;
    color: #999;
}
.recentlist{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 20px;
    left: 0;
    right: 0;
    overflow-x: hidden;
}
a.recentItem{
    display: block;
    text-decoration: none;
    position: relative;
    padding: 10px;
    color: #333;
    border-bottom: 1px dotted #ddd;
}
a.recentItem:hover{
    background: #eee;
}
a.recentItem.active{
    background: #e6e6e6;
}
.rec_avatar{
    position: absolute;
    top: 50%;
    left: 10px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-top: -20px;
}
.rec_info{
    margin-left: 50px;
}
.rec_name{
    font-size: 14px;
}
.rec_time{
    float: right;
    color: #999;
}
.rec_content{
    color: #999;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
    line-height: 30px;
}
.rec-ft{
    position: absolute;
    bottom: 0;
    height: 20px;
    width: 100%;
    text-align: right;
}
.rec-ft i{
    font-size: 17px;
    margin-right: 10px;
    cursor: pointer;
}
.rec-ft i.multi{
    color: #37b880;
    color: #fff;
    font-size: 13px;
}
.rec-ft i.multi:hover{
    color: #0F7C4D;
    color: #fff;
    font-size: 13px;
}
#tosend{
    cursor: pointer;
}
.rec-ft i.refresh{
    color: #5b99ee;
}
.rec-ft i.refresh:hover{
    color: #2f80d1;
}
.rec-ft i.del{
    color: #999;
}
.rec-ft i.del:hover{
    color: #333;
}
/*������*/
.controll-bar-second .next,
.controll-bar-second .cancle,
.controll-bar-second .prev{
    padding: 0px 10px;
}
.Guide-TableBlock img {
    vertical-align: top;
}
.Guide-TableBlock .selectinput{
    padding-top: 10px;
}
/*���촰��*/
.chat-wrapper{
    position: absolute;
    bottom: -1000px;
    right: 350px;
    border: 1px solid #CACACA;
    background: #fff;
    width: 550px;
    height: 350px;
    box-shadow: 0px 0px 10px 1px #CACACA;
    -webkit-box-shadow: 0px 0px 10px 1px #CACACA;
    -o-box-shadow: 0px 0px 10px 1px #CACACA;
    -moz-box-shadow: 0px 0px 10px 1px #CACACA;
    border-radius: 5px;
}
.chat-wrapper.active{
    bottom: 0px;
}
.chat_side{
    width: 150px;
    height: 100%;
    background: #666;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 5px 0px 0px 5px;
}
.chatuser{
    height: 40px;
    margin: 5px;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    color: #fff;
    display: none;
}
.chatuser:hover{
    background: #eee;
    color: #333;
}
.chatuser.active{
    background: #fff;
    color: #000;
}
.chatuser img{
    width: 32px;
    height: 32px;
    margin-right: 5px;
    border-radius: 16px;
    position: absolute;
    top: 4px;
    left: 4px;
}
.chatuser span.fromname{
    display: inline-block;
    *+display: inline;
    *+zoom: 1;
    width: 60px;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 45px;
    line-height: 40px;
}
.chatuser span.count{
    position: absolute;
    top: 10px;
    display: inline-block;
    padding: 0px 5px;
    background: #FF8585;
    border-radius: 4px;
    right: 25px;
    color: #fff;
}
.chatuser i{
    display: none;
    position: absolute;
    top: 10px;
    right: 5px;
    color: #333;
    font-size: 18px;
}
.chatuser:hover i{
    display: block;
    color: #666;
}
.chatuser.active i{
    color: #333;
}
.chat_panel{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 150px;
    border-left: 1px solid #ddd;
    right: 0px;
}
#smsbox_send_msg{
    vertical-align: bottom;
    margin-bottom: 10px;
}
.chat-header{
    height: 30px;
    border-bottom: 1px solid #ddd;
}
.chat-header .close{
    margin: 5px;
}
.chat-header .chat-title{
    padding: 0 0 0 10px;
    margin: 0;
    float: left;
    line-height: 30px;
	font-weight: normal;
}
.chat-header .chat-status{
    float:left;
    margin:11px 10px;
    width:8px;
    height:8px;
    border-radius:8px;
}
.chat-online{background:#56D784;}
.chat-leave{background:#FFDB73;}
.chat-offline{background:#C5C5C5;}
.chat-busy{background:#DA5340;}
.chat-body{
    height: 230px;
    overflow-y: auto;
    padding: 10px;
}
.from, .to{
    margin: 10px 0;
    min-height: 45px;
}
.from .chat-popbox-avatar {
    top: 0px;
    position: absolute;
    width: 40px;
    height: 40px;
}
.chat-popbox-dialogbox-time {
    color: #B2B2B2;
    font-size: 12px;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    display: block;
    text-shadow: 1px 1px 0px #ffffff;
}
.from .chat-popbox-dialogbox-time {
    text-align: left;
}
.from .chat-popbox-dialogbox {
    position: relative;
    display: inline-block;
    padding-right: 50px;
}
.from .chat-popbox-bg {
    display: inline-block;
    padding: 10px;
    margin-left: 50px;
    position: relative;
    border: 1px solid #D6D6D6;
    background: #fff;
    color: #505050;
    border-radius: 4px;
    word-break: break-all;
}
.from .chat-popbox-bg .cl {
    position: absolute;
    left: -7px;
    top: 10px;
    width: 8px;
    height: 10px;
    background: transparent url("../images/attach.png") -60px -52px no-repeat;
    background-size: 128px 128px;
    -o-background-size: 128px 128px;
    -webkit-background-size: 128px 128px;
}

.to .chat-popbox-avatar {
    width: 40px;
    height: 40px;
    top: 0px;
    right: 0px;
    position: absolute;
}
.to .chat-popbox-avatar img, .from .chat-popbox-avatar img {
    width: 40px;
    height: 40px;
}
.to .chat-popbox-dialogbox {
    position: relative;
    margin-left: 50px;
}
.to .chat-popbox-bg {
    display: inline-block;
    float: right;
    padding: 10px;
    margin-right: 50px;
    position: relative;
    border: 1px solid #D6D6D6;
    background: #d7ebfe;
    color: #505050;
    border-radius: 4px;
    word-break: break-all;
}
.to .chat-popbox-bg .cl {
    position: absolute;
    right: -7px;
    top: 10px;
    width: 7px;
    height: 10px;
    background: transparent url("../images/attach.png") -76px -52px no-repeat;
    background-size: 128px 128px;
    -o-background-size: 128px 128px;
    -webkit-background-size: 128px 128px;
}
.to .chat-popbox-dialogbox-time {
    text-align: right;
}
.chat-popbox-bg .filename{
    color: #000;
}
.chat-popbox-bg .filesize{
    margin-left: 10px;
    color: #999;
}
.chat-popbox-bg .uploadimg{
    text-align: center;
}
.chat-footer{
    border-top: 1px solid #ddd;
    height: 70px;
    position: relative;
}
.chat-footer textarea{
    border-radius: 0px;
    margin: 0px;
    border: none;
    width: 310px;
    height: 60px;
    box-shadow: none;
    outline: none;
    resize:none;
}
.chat-footer textarea:focus{
    box-shadow: none;
    outline: none;
}
#uploadBar,#quickBar{
    text-decoration: none;
}
#uploadBar .webuploader-pick{
    padding: 0;
    display: inline-block;
    *+display: inline;
    *+zoom: 1;
    width: 20px;
    height: 20px;
    background: none;
    color: #0088cc;
    vertical-align: top;
}
#uploadBar .webuploader-pick:hover{
    color: #005580;
}
.send_area{
    position: absolute;
    top: 5px;
    right: 10px;
}
.send_tool{
    margin-bottom: 5px;
    position: relative;
}
.send_tool i{
    font-size: 15px;
}
.quickReply{
    display: none;
    position: absolute;
    top: -127px;
    right: -6px;
    background: #fff;
    padding: 10px;
    width: 150px;
    height: 100px;
    border: 1px solid #ddd;
    text-align: center;
    box-shadow: 0 0px 9px 1px rgba(0,0,0,0.2);
}
.quickReply.active{
    display: block;
}
.quickarrow{
    position: absolute;
    width: 40px;
    height: 17px;
    background: url(../images/arrowdown.png) no-repeat 0px 0px;
    bottom: -10px;
    right: 0px;
}
#smsbox_rapid_reply{
    width: 100%;
}
.chat-delete{
    display: none;
    position: absolute;
    top: 100px;
    left: 200px;
    border: 1px solid #333;
    background: #fff;
    width: 300px;
}
.close_hd{
    padding: 5px 10px;
    background: #666;
    color: #fff;
    font-weight: bold;
}
.close_hd .close{
    color: #FFF;
    opacity: 1;
    font-size: 15px;
}
.close_bd{
    padding: 30px 20px;
    text-align: center;
}
.close_ft{
    padding: 5px 10px;
    background: #ddd;
    text-align: center;
}
.close_ft .btn{
    margin-left: 5px;
}
.msg-list{
    position: absolute;
    bottom: 1200px;
    right: 20px;
    list-style: none;
    padding: 0px 0px 75px 20px;
    margin: 0px;
    z-index: 8;
    width: 0;
    -webkit-transition: background 0.8s;
    -moz-transition: background 0.8s;
    -ms-transition: background 0.8s;
    -o-transition: background 0.8s;
    transition: background 0.8s;
}
.msg-list li{
    float: right;
}
/*.msg-list:hover{
    background: rgba(255, 255, 255, 0.50);
}*/
#msg-ignore{
    font-size: 15px;
    color: #000000;
    font-weight: bold;
    position: absolute;
    left: 120px;
    bottom: 22px;
    cursor: pointer;
    display: none;
}
#msg-ignore span{
    background: #DADADA;
    padding: 3px 10px;
    border-radius: 8%;
    display: block;
}
.msg-list:hover #msg-ignore{
    display: block;
}
#msg-ignore:hover{
    color: #fff;
}
#msg-ignore:hover span{
    background: #dd0000;
}
.right-mini .msg-list{
}
.msg-wrapper{
    position: relative;
    width: 240px;
    height: 48px;
    padding-bottom: 0;
    border: 1px solid #DFDFDF;
    /*border-radius: 5px;*/
    margin-top: 15px;
    background-color: #F9F9F7;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    box-shadow: -1px 0px 8px -1px #cecece;
    -webkit-box-shadow: -1px 0px 8px -1px #cecece;
    -o-box-shadow: -1px 0px 8px -1px #cecece;
    -ms-box-shadow: -1px 0px 8px -1px #cecece;
    -moz-box-shadow: -1px 0px 8px -1px #cecece;
    transtion: box-shadow 0s ease-in-out;
}
.msg-wrapper:hover{
    box-shadow: -1px 0px 12px -1px #B6B6B6;
    -webkit-box-shadow: -1px 0px 12px -1px #B6B6B6;
    -o-box-shadow: -1px 0px 12px -1px #B6B6B6;
    -ms-box-shadow: -1px 0px 12px -1px #B6B6B6;
    -moz-box-shadow: -1px 0px 12px -1px #B6B6B6;
    
}
.msg-wrapper .msg-icon,.msg-wrapper .msg-content,.msg-wrapper .msg-count,.msg-wrapper .msg-title{
    position: absolute;
    display: inline-block;
}
.msg-wrapper .msg-icon{
    font-size: 30px;
    top: 14px;
    left: 9px;
    color: #63A3E2;
}
.msg-wrapper .msg-title{
    left: 50px;
    top: 3px;
    color: #333;
}
.msg-wrapper .msg-content{
    left: 50px;
    top: 24px;
    right: 0;
    height: 20px;
	color: #666;
	width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.msg-wrapper .msg-count{
    right: 20px;
    top: 14px;
    background: #F48888;
    padding: 0px 7px;
    border-radius: 3px;
    font-size: 12px;
    color: #FFFFFF;
}
.msg-wrapper .msg-close{
    position: absolute;
    top: -8px;
    right: -18px;
    background: url("../images/msg_close.png") no-repeat;
    background-size: 24px 24px;
    height: 32px;
    width: 32px;
    z-index: 10;
    transform: scale(0) translateY(-12px);
    transition: transform 0.5s ease-in-out;
}

.msg-wrapper:hover .msg-close{

    transform: scale(1) translateY(0);
}
.msg-op{
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
    width: 40px;
    padding: 0 8px;
    background: #FAFAFA;
    border-left: 1px solid #E5E5E5;
    border-radius: 0 5px 5px 0;
    visibility: hidden;
    opacity: 0;
    /*transition: opacity 0.5s ease-in-out;*/
}
.msg-op svg{ 
    height: 100%;
    width: 30px;
    display: block;
    margin: auto;
}
.msg-op fill{
    color: #696969;    
}
.msg-wrapper:hover .msg-op{
    display: block;
    visibility: visible;
    opacity: 1;
}

.msg-op:hover .msg-op-btns{
    visibility: visible;
}

.msg-op-btns{
    width: 111px;
    position: absolute;
    top: 48px;
    left: -55px;
    background: #F9F9F7;
    box-shadow: 0px 2px 16px -2px #B3B3B3;
    text-align: center;
    line-height: 25px;
    z-index: 9;
    visibility: hidden;
    opacity: 0.9;
}

.msg-op-btns>div{
    padding: 3px 0;
}

.msg-op-btns>div:hover{
    background: #666;
    color: #ffffff;
}

.msg-list li:hover .msg-close{
    display: inline-block;
}
@font-face {font-family: 'iconfont';
    src: url('iconfont/iconfont.eot?v=20150508'); /* IE9*/
    src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff') format('woff'), /* chrome firefox */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 22px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/images/hIEfix.png,sizingMethod=crop);
    zoom: 1;
}
/*#m01 .iconfont,#m45 .iconfont,*/
/*#m50 .iconfont,#m65 .iconfont,*/
/*#mb0 .iconfont,#me0 .iconfont,*/
/*#my0 .iconfont{*/
    /*color:#5b99ee;*/
/*}*/
/*#m20 .iconfont,#m40 .iconfont,*/
/*#m90 .iconfont,#ma0 .iconfont,*/
/*#mz0 .iconfont{*/
    /*color:#37b880;*/
/*}*/
/*#m10 .iconfont,#m30 .iconfont,*/
/*#m70 .iconfont{*/
    /*color:#fea100;*/
/*}*/
#m01 i, #m70 i{
    color: #4ccfe1;
}
#m02 i, #m85 i{
    color: #ce92d8;
}
#m10 i, #m90 i{
    color: #fe8562;
}
#m13 i, #ma0 i{
    color: #98d055;
}
#m20 i, #mb0 i{
    color: #fdc006;
}
#m30 i, #md0 i{
    color: #ef6191;
}
#m40 i, #mdd i{
    color: #fe8562;
}
#m45 i, #me0 i{
    color: #90a5fe;
}
#m50 i, #my0 i{
    color: #a0887e;
}
#m65 i, #mz0 i{
    color: #97cf54;
}
/*-------------------------- lijun add for search module ------------------------*/
.search-container{
    display: none;
    position: absolute;
    top: 60px;
    /*left: 400px;*/
    right: 15px;
    /*bottom: 250px;*/
    background: #ffffff;
    z-index: 10;
    /*overflow-y: scroll;*/
    overflow-x: hidden;
    border: 1px solid #CACACA;
    box-shadow: 0 0 15px #BDBDBD;
    border-radius: 10px;
    padding-top: 5px;
    height: 72px;
    width: 56%;
    min-width: 767px;
}
.left-mini .search-container{
    /*left: 51px;*/
}
.open-menu .search-container{
    /*left: 0px;*/
}
.showSearch .search-container{
    display: block;
}
.rightmini .search-container{
    display: none;
}
.search-container ul{
    margin: 0;
    padding: 0;
}
.search-close-btn{
    position: fixed;
    right: 38px;
    top: 68px;
    font-size: 28px;
    cursor: pointer;
    color: #565656;
}
.search-close-btn:hover{
    color: #E74C4C;
}
.search-box{
    margin-top: 15px;
    width: 85%;
    min-width: 696px;
    padding-left: 60px;
}
#search-input{
    width: 80%;
    min-width: 527px;
    height: 25px;
    font-size: 1.1em;
    padding-left: 10px;
    border-radius: 0;
}
.search-btn input{
    background: #427fed;
    padding: 8px 18px;
    padding-bottom: 7px;
    color: white;
    position: relative;
    top: -5px;
    left: -7px;
    cursor: pointer;
    border: none;
}
.search-results-wrapper{
    position: absolute;
    left: 68px;
    top: 70px;
    right: 0;
    bottom: 0;
    background: #ffffff;
    display: none;
}
ul.search-results-tabs{
    position: absolute;
    height: 25px;
    width: 88%;
    left: 0;
    top: 0;
    background: #fff;
    margin: 0;
}
ul.search-results-tabs li{
    display: inline-block;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    height: 25px;
    padding: 4px 6px;
    margin: 0 5px;
    color: #808080;
}
ul.search-results-tabs li.active{
    border-bottom: 3px solid #A0A5FF;
    cursor: default;
    font-weight: bold;
}
ul.search-results-tabs li.active:hover{

}
ul.search-results-tabs li:hover{

}
.search-results-container{
    position: absolute;
    top: 50px;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 84%;
    min-width: 571px;
}
.search-results-container>ul{
    padding: 20px;
    padding-left: 0;
    display: none;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}
.search-results-container .search-results-user{
    display: block;

}
.search-results-user li,.search-results-contacts li{
    overflow: hidden;
    padding: 18px 0;
    padding-top: 15px;
    border-bottom: 1px solid #EAEAEA;
}
.search-results-user li:first-child,.search-results-contacts li:first-child{
    border-top: 1px solid #EAEAEA;
    margin-top: 12px;
}
.search-results-menu{
    margin-top: 15px;
}
.search-results-menu>li{
    padding: 5px 10px;
    margin: 8px;
    border: 1px solid #DBDBDB;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #5D5D5D;
}
.search-results-menu>li:hover{
    color: #427fed;
    border-color: #427fed;
}
.search-counter{
    display: none;
}
.pagination{
    position: relative;
    bottom: -15px;
    left: 160px;
}
.pagination ul > li{
    cursor: pointer;
}
.search-results-user .user-avatar{
    border-radius: 15%;
    overflow: hidden;
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 10px;
}
.search-results-user .user-body{
    width: 80%;
    float: left;
}
.search-results-user .user-body div{
    color: #A2A2A2;
}
.search-results-user .user-body div:first-of-type{
    margin-top: 3px;
}
.user-body-name{
    font-size: 14px;
    font-weight: bold;
}
.user-body-follow{
    background: #99B0DE;
    padding: 0 5px;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    font-size: 12px;
    position: relative;
    top: -2px;
    left: 3px;
}
.user-body-follow:hover{
    background: #427fed;
}
.user-body-hasfollow{
    background: #FCC53A;
    padding: 0 5px;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    font-size: 12px;
    position: relative;
    top: -2px;
    left: 3px;
}
.unconcern .user-body-follow{
    display: none;
}
.unconcern .user-body-hasfollow{
    display: inline-block;
}
.user-body-hasfollow:hover{
    background: #FFBD17;
}
.op-labels button{
    width: 7%;
    float: right;
    padding: 0 0 0 2px;
    background: rgb(241, 241, 241);
    text-align: center;
    cursor: pointer;
    margin: 3px 0;
    border: none;
    color: #7F7F7F;
    font-size: 12px;
}
.op-labels button:hover{
    background: #427fed;
    color: #ffffff;
}
.search-results-workflow>li,.search-results-calendar>li{
    margin-right: 60px;
    padding: 11px 10px;
    border-bottom: 1px solid #D0D0D0;
    color: #5D5D5D;
    cursor: pointer;
    list-style: none;
}
.search-results-workflow>li a,.search-results-calendar>li a{
    text-decoration:none;
    font-size:15px;
    font-weight:bold;
    color:#0088cc;
}
.search-results-workflow>li a:hover,.search-results-calendar>li a:hover{
    text-decoration:underline;
}
.search-results-workflow>li:first-child,.search-results-calendar>li:first-child{
    border-top: 1px solid #D0D0D0;
    margin-top: 12px;
}
.search-results-workflow>li:hover,.search-results-calendar>li:hover{
    background: #F7F7F7;
}
.search-results-contacts .contacts-avatar{
    border-radius: 50%;
    overflow: hidden;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 20px;
}
.search-results-contacts .contacts-body{
    width: 80%;
    float: left;
}
.search-results-contacts .contacts-name{
    color: #0088cc;
    font-size: 14px;
    font-weight: bold;
}
.search-results-contacts .contacts-body div{
    color: #A2A2A2;
}
.search-results-contacts .contacts-body div:first-of-type{
    margin-top: 3px;
}
.calendar-time-range{
    color: #A2A2A2;
}
.workflow-search-results{
    line-height:26px;
}

.workflow-search-results div{
    color:#777;
    font-size:12px;
}
.workflow-search-results div span{
    font-weight:bold;
    color:#666;
    font-size:13px;
}
/*-------------------------- lijun add for search module ------------------------*/

/*-------------------------- lijun add for pulse bar -------------------------*/
#progressBar{
    height: 2px;
    width: 7%;
    background: rgba(0, 128, 255, 0.6);
    position: fixed;
    left: 200px;
    z-index: 4;
}
.left-mini #progressBar{
    left: 50px;
}
.open-menu #progressBar{
    left: 0;
}
#progressBar.done{
    opacity: 0;
}
#flashBar{
    height: 2px;
    width: 100px;
    position: absolute;
    right: -10px;
    opacity: 1;
    border-radius: 100%;
    -webkit-box-shadow: #0238A1 -5px 0px 6px 1px;
    -webkit-animation: flash 3s ease-out infinite;
}
@-webkit-keyframes flash{
    30%{
        opacity: 0.3;
    }
    60%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

/* lijun add for notification */
#mini-notification {
    font-family: helvetica,'Georgia',arial,sans-serif;
    display: none;
    position: fixed;
    left: 201px;
    cursor: pointer;
    right:0px;
    background: #2f96b4;
    font-size: 14px;
    text-align: center;
    z-index:8;
    color: #fff;
    -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
}

#mini-notification.success{
    background: #5bb75b;
}
#mini-notification.fail{
    background: #bd362f;
}
#mini-notification.warning{
    background: #f89406;
}
#mini-notification p{
    margin-top: 10px;
}
#mini-notification .inner {
    position: relative;
    width: 800px;
    margin:  0 auto;
    padding-right: 60px;
}


#mini-notification .closeMsg {
    position: absolute;
    color: #FFF;
    top: 5px;
    right: -20px;
}

#mini-notification a.closeMsg:hover {
    text-decoration: underline;
}

/*��������*/
#new_noc_panel{
    position: relative;
    height: 100%;
}
.noc .nodata_tips,
.noc .noc-info,
.noc .noc-nav-bar,
.noc .new_noc_list{
    display: none;
}
.noc.on .noc-nav-bar,
.noc.on .new_noc_list{
    display: block;
}
.noc.null .nodata_tips{
    display: block;
}
.noc.null .noc-nav-bar,
.noc.null .new_noc_list{
    display: none;
}
.nodata_tips{
    text-align: center;
    padding-top: 60px;
    color: #999;
}
.nocbox_tips{
    padding-top: 60px;
    /*background: url('../images/loading.gif') top center no-repeat;*/
    margin-top: 50px;
    text-align: center;
    font-size: 16px;
}
.noc-nav-bar{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
.noc-nav-bar a{         
    display: inline-block;
    *+display: inline;
    *+zoom:1;
    padding: 0px 11px;
    float: left;
}
.noc-nav-bar a:hover,
.noc-nav-bar a.active{    
    text-decoration: none;
}
.noc-nav-bar i{
    margin-right: 5px;
    font-size: 18px;
}
a.noc-right{
    margin-right: 0px;
}
.noc-info{
    text-align: center;
    color: #979797;
    height: 28px;
    line-height: 28px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.noc_item_num{
    margin: 0 3px;
}
.tohistory{
    display: block;
}
.new_noc_list{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 30px;
    padding-right: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}
.noc_item_title{
    color: #2f80d1;
    padding: 5px 0px;
    border-bottom: 1px solid #ddd;
}
.noc_item_title a{    
    margin-left: 10px;
    font-weight: normal;
    text-decoration: none;
}   
.noc_item_title a:hover{
    color: #555;
}  
.noc_item_cancel .iconfont{
    font-size: 14px;
}
.noc_item_read .iconfont{
    font-size: 14px;
    color: #37b880;
}
.noc_item_data{
    list-style: none;
    margin: 0px;
    margin-bottom: 15px;
}
a.noc-subitem{
    color: #333;
    display: block;
    padding: 10px 0px;
    border-bottom: 1px dotted #ddd;
    margin-left: 15px;
    position: relative;
}
a.noc-subitem:hover,
a.noc-subitem:active{
    text-decoration: none;
}
a.noc-subitem.last{
    border-bottom: none;
}        
a.noc-subitem p{
    margin: 0px;
    line-height: 25px;
	color: #666;
}
a.noc-subitem .name{
   /*  font-weight: bold; */
   color:#333;
}   
.noc_item_time{
    color: #999;
}
/*����֪ͨ*/
.dialog{
   border:1px #ddd solid;
   background: #0666c5;
}
.dialog .head{
   height:30px;
}
.dialog .head-left{
   float:left;
   width:5px;
   height:30px;
}
.dialog .head-center{
   float:left;
   height:30px;
}
.dialog .head-title{
   float:left;
   height:30px;
   line-height:30px;
   color:#fff;
   font-size:14px;
}
.dialog .head-close{
   float:right;
   width:21px;
   height:21px;
   margin-top:4px;
   background:url('../images/smsbox_close_bg.png') 0px top no-repeat;
   cursor:pointer;
}
.dialog .head-close-active{
   background-position:-21px top;
}
.dialog .head-right{
   float:left;
   width:6px;
   height:30px;
}
.dialog .center{
   padding-left:7px;
   padding-right:12px;
   background:#f2f2f2;
   left: 0px;
}
.dialog .foot{
   height:12px;
   font-size:1px;
   overflow:hidden;
   background:#189cdd;
   display:none;
}
.dialog .foot-left{
   float:left;
   clear:both;
   width:5px;
   height:12px;
}
.dialog .foot-center{
   float:left;
   height:12px;
}
.dialog .foot-right{
   float:left;
   width:10px;
   height:12px;
}
.dialog .corner{
   width:24px;
   height:7px;
   font-size:1px;
   overflow:hidden;
   position:absolute;
   right:15px;
   bottom:0px;
   z-index:2;
   display:none;
}
.dialog .center-foot{
    padding: 5px 0px;
}
.dialog .center-foot a.btn-ok{
    display: inline-block;
    *+display: inline;
    *+zoom: 1;
    padding: 3px 8px;
    text-decoration: none;
    color: #ffffff;
    background-color: #4186f6;
    border-radius: 3px;
    border: 1px solid #196aeb;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #4d90fe, #3078eb);
    margin-right: 10px;
}
.dialog .center-foot a.btn-close{
    display: inline-block;
    *+display: inline;
    *+zoom: 1;
    padding: 3px 15px;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ddd;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #f5f5f5, #f1f1f1);
}
#notify_panel{
   width:600px;
   height: 404px;
   z-index:1100;
   position:absolute;
   left: 50%;
   top: 50%;
   margin-left: -300px;
   margin-top: -202px;
}
#notify_panel .head-center{
   width:585px;
}
#notify_panel .center{
   padding-top:5px;
   height:369px !important;
   height:370px;
   overflow:hidden;
   position:relative;
}
#notify_panel .center .center-content{
   height:330px;
   overflow:auto;
}
#notify_panel .center .center-foot{
   width:100%;
   text-align:center;
   position:absolute;
   left:0px;
   bottom:0px;
}
#notify_panel .foot-center{
   width:585px;
}
/*����*/
.sendwrapper{
    height: 100%;
    position: relative;
    min-height: 400px;
} 
.send-info-size{
    color: #555;
    font-size: 17px;
}
.send-header{
    position: relative;
    margin-top: 10px;
}
.send-header input{
    width: 200px;
    padding-left: 30px;
    line-height: 15px;
    line-height: 20px\9;
}
.send-inner-icon{
    position: absolute;
    color: #b2bcc5;
    left: 6px;
    z-index: 2;
    top: 6px;
    *+top: 7px;
}
.send-info-btn{
    cursor: pointer;
}
.send_mod{
    padding: 10px 0px;
}
.send_hd{
    padding-bottom: 5px;
}
.no-tag-tips{
    width: 100%;
    background: #f9f9f7;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 100px;
    z-index: 99;
    text-align: center;
    color: #999;
}
.user-tags{
    width: 100%;
    background: #f9f9f7;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 100px;
    bottom: 220px;
    overflow: hidden;
}
.user-tags .close{
    font-size: 18px;
}
.sendwrapper.on{
    overflow-x: hidden;
    overflow-y: auto;
}
.on .user-tags,
.on .send-footer{
    position: relative;
    top: 10px;
}
.clearall{
    display: none;
}
.send-footer{
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.send-footer textarea{
    width: 258px;
    height: 100px;
    margin: 0px;
    padding: 10px;
    border-radius: 0px;
    resize: none;
}
.send-footer-info{
    width: 258px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-top: 0px;
}
.getmore{
    display: none;
    position: absolute;
    right: 15px;
}
/*�����ϴ�*/
.pick{
    float: left;
    width: 70px;
}
.uploader-list{
    float: left;
    padding-left: 10px;
    position: relative;
}
.uploader-list .progress{
    position: absolute;
    left: 10px;
    height: 20px;
    width: 200px;
    top: 5px;
}
.uploader-list .item{
    float: left;
    position: relative;
    margin-right: 10px;
}
.uploader-list .item .close{
    position: absolute;
    width: 16px;
    height: 16px;
    top: -8px;
    right: -8px;
    background: url("../images/remove.png") no-repeat;
    opacity: 1;
    border-radius: 8px;
    color: #fff;
}
.webuploader-container {
	position: relative;
}
.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
#uploader .webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	background: #00b7ee;
	padding: 5px 10px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
	white-space: nowrap;
}
#uploader .webuploader-pick-hover {
	background: #00a2d4;
}
#uploader .webuploader-pick-disable {
	opacity: 0.6;
	pointer-events:none;
}
.progress{
    height: 10px;
    margin-bottom: 0px;
}
.btn-group button span{
    padding: 4px 0px ;
    display:inline-block;
}
#east .left_arrow {
    display: block;
    margin-top: 15px;
}
#msg-tool button .btn-primary:hover,
#msg-tool button .btn-primary:active{
   background-color: #7ba7fe;
}
/* ���������� */
#hero_bar {
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #574e4f;
	border-bottom: 1px #d0d0d0 solid;
	overflow: hidden;
	background: #f9f9f7;
}

#hero_bar #tongdainfo{
    position:absolute;
    left:10px;
    top:0px;
    z-index:5;
    height:30px;
    line-height:30px;
}
#hero_bar #tongdainfo a{
    color:#54504f;
    text-decoration:none;
    display:inline-block;
}
#hero_bar #tongdainfo a:hover{
    color:#ff0000;
    text-decoration:underline;
}
#hero_bar #tongdainfo a.red{
    color:#ff0000;
}
#hero_bar #tongdainfo a.blue{
    color:#3050c1;
}
#hero_bar #tongdainfo a span{
    display:block;
    border-right:1px #d0d0d0 solid;
    padding-left:15px;
    padding-right:15px;
}
#hero_bar #tongdainfo a.first_link{
    border-left:1px #d0d0d0 solid;
}
#hero_bar #tongdainfo a.first_link span{
    border-left:1px #fff solid;
}
#hero_bar #reg_area{
    position:absolute;
    right:30px;
    top:0px;
    z-index:10;
    height:30px;
    line-height:30px;
    padding-left:20px;
}
#hero_bar #reg_area a.reg{
    display:inline-block;
    height:23px;
    line-height:23px;
    padding-left:5px;
    text-decoration:none;
    color:#fff;
}
#hero_bar #reg_area a.reg span{
	display: inline-block;
	padding-left: 20px;
	padding-right: 25px;
	text-align: center;
	background: #90A5FE;
	border-radius: 3px;
}
#hero_bar #reg_area a.reg.free_ver span{
	/*background: #FD9E9E;*/
	background: #FFC847;
}
/* ������״̬�� */
#south {
	width: 100%;
	height: 30px;
	overflow: hidden;
	position:absolute;
	border-top: 1px #d0d0d0 solid;
	bottom:0;
	background: #f9f9f7;
    z-index: 99;
}
#hero_bar #reg_area {
	position: absolute;
	right: 30px;
	top: 0px;
	z-index: 10;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
}
#south {
   width:100%;
   height:60px;
   overflow:hidden;
}

#south table{
   width:100%;
   border:0px;
   border-collapse:collapse;
   font-size:12px;
}
#south table td.left{
   width:120px;
   padding-left:10px;
   text-align:center;
}
#south table td.left div{
   cursor:pointer;
}
#south table td.left div span{
   padding:0px 10px;
   color:#f48888;
   font-weight:bold;
   cursor:pointer;
}
#south table td.center{
}
#south table td.center #status_text{
   height:30px;
   line-height:30px;
   text-align:center;
   font-size:11pt;
   font-weight:bold;
   overflow:hidden;
}

#south table td.reg{
   width:180px;
   text-align:right;
}
#south table td.reg .days{
   color:#FE8562;
}

#south table td.right{
   width:140px;
   padding-right:10px;
   text-align:right;
}
#south table td.right a.ipanel_tab:link,
#south table td.right a.ipanel_tab:hover,
#south table td.right a.ipanel_tab:active,
#south table td.right a.ipanel_tab:visited{
   display:inline-block;
   width:30px;
   height:25px;
   line-height:25px;
   text-decoration:none;
   text-align:center;
   z-index:5;
   margin-right:10px;
}
/*
#south table td.right a.ipanel_tab.active{
   background:#E0ECFF;
	border:1px solid #8DB2E3;
	border-top:none;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}
*/
#south table td.right #nocbox{
   background:url('../images/desktop_icons.png') -323px 0px no-repeat;
}
#south table td.right #nocbox:hover,
#south table td.right #nocbox.active{
   background:url('../images/desktop_icons.png') -323px -25px no-repeat;
}
#south table td.right #smsbox{
   background:url('../images/desktop_icons.png') -174px 0px no-repeat;
}
#south table td.right #smsbox:hover,
#south table td.right #smsbox.active{
   background:url('../images/desktop_icons.png') -174px -25px no-repeat;
}
#south table td.right #org{
   background:url('../images/desktop_icons.png') -214px 0px no-repeat;
}
#south table td.right #org:hover,
#south table td.right #org.active{
   background:url('../images/desktop_icons.png') -214px -25px no-repeat;
}
/* sxm add  for ipad   */
#menu-panel{
	width: 400px;
	position: fixed;
	left: 201px;
	bottom: 1px;
	top: 70px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #dddddd;
	color: #2f80d1;
	z-index: 10;
	padding: 0px 10px;
	margin-left: -1px;
	box-shadow: 2px 2px 6px 0px #DADADA;
	-webkit-box-shadow: 2px 2px 6px 0px #DADADA;
	-o-box-shadow: 2px 2px 6px 0px #DADADA;
	-moz-box-shadow: 2px 2px 6px 0px #DADADA;
	border-radius: 5px;
	display:none;
}
.mobile-body.left-mini #menu-panel{
	left: 50px;
}
#mask{
	position:fixed;
	top:70px;
	left:601px;
	bottom:0px;
	right:0px;
	background-color:#fff;
	filter:alpha(opacity=1);
    -moz-opacity:0.01;
    opacity:0.01;
	z-index:999;	
	display:none;
}
.left-mini #mask{
	left: 445px;
}
#center.mobile-center .tabs-panel,
.mobile-east #orgTree0,
.mobile-east #orgTree1{
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
}
#west,
.search-results-user,
.noc_item_data{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; 
}
.search-results-container ul{
    padding-right: 20px;
	overflow:hidden;
    list-style: none;
}
#new_noc_list_wrapper{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 30px;
	padding-right: 5px;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}
#nocbox_panel{
	padding-right: 5px;
}
#org_panel_wrapper{
	height: 100%;
}
/* .left-mini .dialog-nav-title{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; 
} */

#moreHistoryMsg{
    text-align: center;
    cursor: pointer;
}
#moreHistoryMsg:hover{
    text-decoration: underline;
}
#smsbox_toolbar_shrink{
    font-size: 30px;
}
#chat-wrapper.mini{
    bottom: -322px;
    width: 210px;
}
#chat-wrapper.mini .chat_side{
    display: none;
}
#chat-wrapper.mini .chat_panel{
    left: 0;
}
#smsbox_toolbar_shrink{
    outline: none;
}
#smsbox_toolbar_shrink i{
    font-size: 17px;
    position: relative;
    top: -5px;
    color: #000;
}
.tooltip{
	min-width: 70px;
}
#selectUserContainer{
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99999;
  border-radius: 10px;
  margin-left: -227px;
  margin-top: -175px;
  overflow: hidden;
  box-shadow: 2px 2px 12px 1px #aaa;
  border: 1px solid #C8C8C8;
  background: #E7E7E7;
}
#selectUserContainer iframe{
    border: none;
}

.code-wrap{
    display: none;
    position: absolute;
    top: 31px;
    left: -45px;
    width: 100px;
    z-index: 99;
    background: #f9f9f7;
    text-align: center;
    border: 1px solid #ccc;
    border-top: #fff;
    margin: 0;
    box-shadow: 0px 0px 8px 0px #B6B6B6;
    -webkit-box-shadow: 0px 0px 8px 0px #B6B6B6;
    -o-box-shadow: 0px 0px 8px 0px #B6B6B6;
    -ms-box-shadow: 0px 0px 8px 0px #B6B6B6;
    -moz-box-shadow: 0px 0px 8px 0px #B6B6B6;
    padding: 20px 10px;
}
.code-wrap span{
    display: inline-block;
    padding: 5px 0;
    border-bottom: 1px solid #dddddd;
}
.code-wrap img{
    width: 120px;
}
.code-wrap hr{
    margin: 10px 0 15px;
}
.code-wrap p{
    color:#333333;
    display: inline-block;
    padding-top: 5px;
    margin: 0;
}
#mobile_code:hover #code {
    background-color: #fff;
    color: #0666c5;
}
#mobile_code:hover .code-wrap{
    display: block;
}
